<template>
    <div>
        <el-container>
            <!-- 顶部 -->
            <el-header>
                <Header></Header>
            </el-header>
            <!-- 中间去 -->
            <el-main>
                <!-- 左侧 -->
                

                <!-- 右内测展示 -->
                <el-container>
                    <el-aside width="200px">
                        <Sider></Sider>
                    </el-aside>
                    <el-main>
                        123
                        <!-- <component is="Html"> </component> -->
                    </el-main>
                </el-container>
            </el-main>

        </el-container>
    </div>
</template>
<script>
import Header from "./Header.vue"
import Sider from "./Sider.vue"
// import Home from "./views/Home.vue"
export default {
    data(){
        return{
            html:path || "Home",
        }
    },
    components:{
        Header,Sider
    },
    mounted(){
        //页面挂载成功挂在一个监听hash值的变化的函数
        window.onhashchange=()=>{   
            console.log(window.location.hash.replace(/\#/))
            this.html =  window.location.hash.replace(/\#/);   
        }
    }
}
</script>